<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			{{ a }} <br /> {{b}} 
		</div>

		<script type="text/javascript">
			var data = {
				a: 1,
				b: "张三"
			};
			var vm = new Vue({
				el: "#app",
				data: data
			});
			vm.$watch('a',function(newVal,oldVal){
				console.log(newVal,oldVal);
			})
			// Object.freeze(vm);
			// data.a=111;
			// data.b="王五";
			// vm.a=222;
			// vm.$data.a=000;
			// vm.$el===document.getElementById('app');
			// vm.c="test";
			// data.c="test_data";
		</script>

	</body>
</html>
